<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="SiteName" content="北京市人力资源和保障局门户网站">
	<meta name="SiteDomain" content=" rsj.beijing.gov.cn">
	<meta name="SiteIDCode" content="1100000062">
	<meta name="ColumnName" content="保障用工 助战疫情">
	<meta name="ColumnType" content="机构职能">
	<meta name="ColumnDescription" content="保障用工 助战疫情">
	<meta name="ColumnKeywords" content="保障用工 助战疫情">

	<meta name="ArticleTitle" content="保障用工 助战疫情">
	<meta name="PubDate" content="2021-01-21 18:00">
	<meta name="ContentSource" content="北京市人力资源和社会保障局">
	<meta name="description" content="保障用工 助战疫情">
	<meta name="keywords" content="保障用工 助战疫情">
	<title>保障用工 助战疫情</title>
	<link rel="stylesheet" href="./styles/css/common.css">
	<style>
		.dwjjCon {
			width: 1200px;
			background: #ffffff;
			margin: 20px auto;
			padding: 10px;
			box-sizing: border-box;
		}

		.dwjjCon .dwjjNav {
			padding: 20px 0;
			border-bottom: 7px solid #f1f1f1;
		}

		.dwjjNav span {
			float: left;
			padding: 10px;
			margin: 5px 10px;
			color: #0099FF;
			cursor: pointer;
			box-sizing: border-box;
			/* background: blue; */
		}

		.dwjjNav span:hover {
			text-decoration: underline;
		}

		.dwjjNav .active:hover {
			text-decoration: none;
		}

		.dwjjNav .active {
			color: #ffffff;
			background: #0099FF;
			border-radius: 20px;
		}

		.dwjj {
			padding: 10px;
			box-sizing: border-box;
		}

		.dwjjItem {
			display: none;
		}

		.dwjjItem .name {
			font-size: 24px;
			font-weight: bold;
			color: #404040;
			text-align: center;
			margin: 20px 0;
			text-indent: 0;
		}

		.dwjjItem p {
			padding: 5px;
			margin: 2px 0;
			line-height: 26px;
			text-indent: 2em;
		}

		.dwjjItem .second {
			text-indent: 0;
			font-weight: bold;
		}

		.t_center {
			text-align: center !important;
		}

		.bold {
			font-weight: bold;
		}

		.navImg {
			display: block;
			width: 100%;
			height: auto;
		}

		.dwjj img {
			display: block;
			max-width:100%;
			margin: 0 auto;
		}
	</style>
</head>

<body>
	<script src="http://rsj.beijing.gov.cn/header.js"></script>
	<div class="job_header" style="margin-bottom:0">
		<div class="job_header_con clearfix">
			<a href="./index.html" class="left">
				<img src="./styles/images/logo.png" alt="">
			</a>
		</div>
	</div>
	<img class="navImg" src="./styles/images/dwjj/dwjjnav.jpg" alt="">
	<div class="dwjjCon">
		<div class="dwjjNav clearfix">
		</div>
		<div class="dwjj">
			<img src="" alt="">
		</div>
	</div>
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>
	<script src="./common/vendor.js"></script>
	<script src="./common/common.js"></script>
	<script>
		$(function () {
			// nav点击事件
			$(document).on('click', '.dwjjNav span', function () {
				var _this = $(this);
				var _sctpmc = _this.attr('sctpmc');
				if (!_this.hasClass('active')) {
					_this.addClass('active').siblings().removeClass('active');
				}
				setImg(_sctpmc);
			})
			init();
			function init() {
				$.fetch({
					url: '/zyjsfw/getbzqyyg',
					type: 'get'
				}).done(function (res) {
					var _res = res.returnData;
					if (+_res.executeResult == 1) {
						var resArr = _res.bzqyxx;
						var str = '';
						$.each(resArr, function (k, v) {
							if (k == 0) {
								str += '<span class="active" sctpmc="' + v.sctpmc + '">' + v.qymc + '</span>'
							} else {
								str += '<span sctpmc="' + v.sctpmc + '">' + v.qymc + '</span>'
							}
						})
						$('.dwjjNav').html(str);
						if(resArr.length>0){
							$('.dwjjNav span')[0].click();
						}
					} else {
						$.layerMsg(_res.message, '我知道了');
					}
				})
			}
			function setImg(sctpmc) {
				$('.dwjj img').attr('src', conf.urlPrefix + '/zyjsfw/getLogo?sctpmc=' + sctpmc);
			}
		});
	</script>
</body>

</html>
